
* {
  margin: 0;
  padding: 0;
}

.container {
  width: 100%;
  height: 100vh;
  display:flex;
  flex-container:center;
}

#canvas {
  display:flex;
  flex-container:center;
  position: absolute;
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


#yes-line circle{
  fill: lightskyblue !important;
  opacity: 0.6;
}

#yes-line path{
  stroke: cornflowerblue !important;
  stroke-width: 2;
  fill: none !important;;
}


#date-axis .domain,
#yes-axis .domain,
#date-axis .tick line,
#yes-axis .tick line
{
  stroke: gray;
}

#date-axis .tick text,
#yes-axis .tick text
{
  fill: gray;
  /* text-anchor: middle;
  letter-spacing: 5px; */
}


#laser-area circle{
  fill: gold;
}